//轮播图
$(function(){
	var nowImg = 0;
	var count = 6;
	//轮播图每3000ms淡入,用时400ms
	function start(){
		time = setInterval(function(){
			if(nowImg < count - 1){
				$(".focus-item").eq(nowImg + 1).animate({"opacity":1},400,function(){
					$(this).css("display:block");
				});
				$(".focus-item").eq(nowImg + 1).siblings().animate({"opacity":0},400,function(){
					$(this).css("display:none");
				});
				$(".focus-indicator i").eq(nowImg + 1).addClass("indicator-btn-active").removeClass("indicator-btn")
				.siblings().removeClass("indicator-btn-active").addClass("indicator-btn");
				nowImg++;
			}
			else{
				$(".focus-item").eq(0).animate({"opacity":1},400,function(){
					$(this).css("display:block");
				});
				$(".focus-item").eq(0).siblings().animate({"opacity":0},400,function(){
					$(this).css("display:none");
				});
				$(".focus-indicator i").eq(0).addClass("indicator-btn-active").removeClass("indicator-btn")
				.siblings().removeClass("indicator-btn-active").addClass("indicator-btn");
				nowImg = 0;
				return nowImg;
			}
		},3000);
	}
	start();
	//鼠标悬浮后轮播暂停，离开后继续
	$(".mask").hover(function(){
		clearInterval(time);
	},start);
	//鼠标悬浮指示器，图片相应轮播
	$(".focus-indicator i").mouseover(function(){
		$(this).removeClass("indicator-btn").addClass("indicator-btn-active")
		.siblings().removeClass("indicator-btn-active").addClass("indicator-btn");
		var index = $(this).index();
		$(".focus-item").eq(index).animate({"opacity":1},400,function(){
			$(this).css("display:block");
			nowImg = index;
			return nowImg;
		});
		$(".focus-item").eq(index).siblings().animate({"opacity":0},400,function(){
			$(this).css("display:none");
		});
	});
	//鼠标悬浮，左右控制按钮出现
	$(".focus").mouseover(function(){
		$(".left").css({"left":30});
		$(".right").css({"right":30});
	});
	$(".focus").mouseout(function(){
		$(".left").css({"left":-30});
		$(".right").css({"right":-30});
	});
	//鼠标悬浮，改变控制按钮样式
	$(".left").mouseover(function(){
		$(this).css({"background-position":"0 -57px"});
		$(this).css({"left":30});
		$(".right").css({"right":30});
	});
	$(".left").mouseout(function(){
		$(this).css({"background-position":""});
	});
	$(".right").mouseover(function(){
		$(this).css({"background-position":"right -57px"});
		$(this).css({"right":30});
		$(".left").css({"left":30});
	});
	$(".right").mouseout(function(){
		$(this).css({"background-position":""});
	});
	//点击向前按钮，轮播图向前轮播
	$(".left").click(function(){
		if(nowImg == 0){
			$(".focus-item").eq(count - 1).animate({"opacity":1},400,function(){
				$(this).css("display:block");
			});
			$(".focus-item").eq(count - 1).siblings().animate({"opacity":0},400,function(){
				$(this).css("display:none");
			});
			$(".focus-indicator i").eq(count - 1).addClass("indicator-btn-active").removeClass("indicator-btn")
			.siblings().removeClass("indicator-btn-active").addClass("indicator-btn");
			nowImg = count - 1;
			return nowImg;
		}
		else{
			$(".focus-item").eq(nowImg - 1).animate({"opacity":1},400,function(){
				$(this).css("display:block");
			});
			$(".focus-item").eq(nowImg - 1).siblings().animate({"opacity":0},400,function(){
				$(this).css("display:none");
			});
			$(".focus-indicator i").eq(nowImg - 1).addClass("indicator-btn-active").removeClass("indicator-btn")
			.siblings().removeClass("indicator-btn-active").addClass("indicator-btn");
			nowImg--;
		}
	});
	//点击向后按钮，轮播图向后轮播
	$(".right").click(function(){
		if(nowImg < count - 1){
			$(".focus-item").eq(nowImg + 1).animate({"opacity":1},400,function(){
				$(this).css("display:block");
			});
			$(".focus-item").eq(nowImg + 1).siblings().animate({"opacity":0},400,function(){
				$(this).css("display:none");
			});
			$(".focus-indicator i").eq(nowImg + 1).addClass("indicator-btn-active").removeClass("indicator-btn")
			.siblings().removeClass("indicator-btn-active").addClass("indicator-btn");
			nowImg++;
		}
		else{
			$(".focus-item").eq(0).animate({"opacity":1},400,function(){
				$(this).css("display:block");
			});
			$(".focus-item").eq(0).siblings().animate({"opacity":0},400,function(){
				$(this).css("display:none");
			});
			$(".focus-indicator i").eq(0).addClass("indicator-btn-active").removeClass("indicator-btn")
			.siblings().removeClass("indicator-btn-active").addClass("indicator-btn");
			nowImg = 0;
			return nowImg;
		}
	});
});